<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel=icon href="../img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <section class="app">
        <header class="header">
            <div class="title">
                <div class="goback" onclick="history.back()"></div>
                <div class="need-help">
                    <span class="need-help-icon">
                        <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
                            <path
                                d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z">
                            </path>
                        </svg>
                    </span>
                    <span class="need-help-icon">
                        <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
                            <path
                                d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z">
                            </path>
                        </svg>
                    </span>
                    <span class="need-help-txt">需要帮助</span>
                </div>
            </div>
        </header>
        <main class="content">
            <form class="form">
                <h1>注册小米账号</h1>
                <div class="tips">系统会根据您选择的国家/地区的法律法规存储您的个人信息</div>
                <p class=" txt-iput">
                    <input type="text" name="tel" placeholder="请输入手机号" maxlength="11" autocomplete="off">
                </p>
                <p class="txt-iput">
                    <input type="password" class="pwd" name="password" placeholder="请输入密码 6-16位" maxlength="16"
                        autocomplete="off">
                    <svg viewBox="-3 -10 63 56" width="1em" height="1em" class="eye">
                        <g fill="none" fill-rule="evenodd">
                            <path
                                d="M3 22.974C7.044 11.382 18.55 3 30.2 3c11.65 0 23.155 8.382 27.199 19.974C53.328 34.593 41.71 43 30.199 43 18.69 43 7.072 34.593 3 22.974h0z"
                                stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
                            </path>
                            <path
                                d="M30.2 33.4c5.743 0 10.4-4.656 10.4-10.4 0-5.743-4.657-10.4-10.4-10.4-5.744 0-10.4 4.657-10.4 10.4 0 5.744 4.656 10.4 10.4 10.4z"
                                fill="currentColor" fill-rule="nonzero"></path>
                        </g>
                    </svg>
                </p>
                <p class="txt-iput">
                    <input type="text" id="vcode" name="vcode" placeholder="请输入验证码" maxlength="6" autocomplete="off">
                    <span id="captcha"></span>
                </p>
                <button class="reg-btn disabled submit">注册</button>
                <div class="other">
                    <p>收不到验证码？</p>
                    <div class="other-agree">
                        <input type="checkbox" checked class="iagree">
                        已阅读并同意小米帐号<a href="">用户协议</a>和<a href="">隐私协议</a>
                    </div>
                </div>
            </form>
        </main>
    </section>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/jquery.validate.min.js"></script>
    <script src="../js/localization/messages_zh.js"></script>
    <script src="../js/model.js"></script>
    <script src="../js/captcha.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/register.js"></script>
</body>

</html>